<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<link rel="stylesheet" href="../../css/mui.min.css" />
	<link rel="stylesheet" href="../../css/mooc.css"/>
	<style>
		body {
			background: white;
		}
		
		.headbar {
			background-color: #3ac9af;
		}
		
		.mui-icon-left-nav {
			color: white;
		}
		
		.mui-title {
			color: white;
		}
		
		.mui-content {
			background: white;
		}
		/**note css***/
		.mui-table-view-cell{
			border-bottom:0px solid #efeff4;
		}
		.notes {
			background-color: white;
			margin-top: 1px;
			padding-bottom: 20px;
		}
		
		.note {
			padding-top: 10px;
			padding-bottom: 8px;
		}
		
		.note .date {
			position: relative;
			float: right;
			font-size: 13px;
			margin-top: 7px;
			margin-right: 0px;
			color: #bababa;
		}
		
		.note .zan {
			float: left;
			color: #ffb36e;
			height: 25px;
			margin-top: 3px;
			margin-left: 0px;
		}
		
		.zaned {
			width: 20px;
			background-size: 13px;
			background: url(../../images/jing.png) no-repeat center;
		}
		
		.note .c1 {
			height: 40px;
		}
		
		.note .c2 {
			min-height: 25px;
			padding-left: 5px;
			padding-top: 3px;
			padding-right: 1px;
			white-space: normal;
			color: #7a7a7a;
		}
		
		.nonotetip {
			background-color: white;
			height: 250px;
			text-align: center;
			font-size: 17px;
			padding-top: 100px;
			margin-top: 10px;
		}
		
		.restype-div {
			float: left;
			text-align: center;
			color: #fff;
			font-size: 15px;
			padding: 0px 7px 0px 7px;
			margin-left: 8px;
			margin-top: 7px;
			border-radius: 2px;
		}
		
		.restype-div.sp {
			background: #4cc8e7;
		}
		
		.restype-div.jy {
			background: #ff9d34;
		}
		
		.restype-div.xt {
			background: #ff9d34;
		}
		
		.restype-div.st {
			background: #a5b9eb;
		}
		
		.restype-div.stjc {
			background: #799aed;
		}
		
		.restype-div.tp {
			background: #95c85d;
		}
		
		.restype-div.kj {
			background: #ff8873;
		}
		
		.resname-div {
			float: left;
			margin-left: 10px;
			margin-top: 7px;
			color: #747474;
		}
		/******foot按钮******/
		#nav-mui-bar{
			display: none;
			background-color: white;
		}
		.footbtndiv {
			text-align: center;
			padding-top: 13px;
		}
		
		.footbtnspan {
			padding: 6px 18px 6px 18px;
			border: 1px solid #ffba7e;
			border-radius: 3px;
			color: #ffba7e;
			font-size: 13px;
		}
	</style>

	<body>
		<header class="mui-bar mui-bar-nav headbar">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			</a>
			<h1 class="mui-title" id="catalogname"></h1>
		</header>
		<div class="mui-scroll-wrapper">
		<div class="mui-content">
			<ul class="mui-table-view notes" id="notes">
				<!--
					<li class="mui-table-view-cell note">
				<div class="mui-slider-handle">
					<div class="c1"><span class="zan zaned"></span><span class="restype-div sp">视频</span><span class="resname-div">镂空字体</span><span class="date">2015-11-11 12:12</span></div>
					<div class="c2">我是一名大一学生，这个资源让我受益匪浅.我是一名大一学生，这个资源让我受益匪浅.我是一名大一学生，这个资源让我受益匪浅.我是一名大一学生，这个资源让我受益匪浅.我是一名大一学生，这个资源让我受益匪浅.</div>
				</div> 
					</li>
				<li class="mui-table-view-cell note">
				<div class="mui-slider-handle">
					<div class="c1"><span class="zan zaned"></span><span class="restype-div sp">视频</span><span class="resname-div">镂空字体</span><span class="date">2015-11-11 12:12</span></div>
					<div class="c2">我是一名大一学生，这个资源让我受益匪浅.我是一名大一学生，这个资源让我受益匪浅.我是一名大一学生，这个资源让我受益匪浅.我是一名大一学生，这个资源让我受益匪浅.我是一名大一学生，这个资源让我受益匪浅.</div>
				</div> 
				</li>
				-->
			</ul>
		</div>
		</div>
		<nav class="mui-bar mui-bar-tab" id="nav-mui-bar">
			<div class="footbtndiv"><span class="footbtnspan">查阅意见</span></div>
		</nav>
	</body>
	<script src="../../js/mui.min.js"></script>
	<script src="../../script/config.js"></script>
	<script src="../../script/moocpublic.js"></script>
	<script src="../../js/DMobileFrame_DownLoadUtil.js"></script>
	<script src="script/notelist.js"></script>

</html>